<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>%s</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        %s
        <script type="text/javascript">
            %s
        </script>
        <style type="text/css">
            body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
            /* .olMap { background-color: #%s; } */
            #theNavbar { margin-bottom: 0px !important; }
            .olControlLayerSwitcher .olButton { color: white !important; }
            .olControlLayerSwitcher label.olButton { display: inline !important; }
        </style>
    </head>
    <body>
        <div id="theNavbar" class="navbar">
          <div class="navbar-inner" style="-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;">
            <div class="container">
              <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </a>
              <a class="brand" href="#">%s</a>
              <div class="nav-collapse">
                <ul class="nav">
                  <li><a href="javascript:viewer.invokeCommand('Layers')"><i class="icon-align-justify icon-white"></i> Layers</a></li>
                  <li><a href="javascript:viewer.invokeCommand('Refresh')"><i class="icon-refresh icon-white"></i> Refresh</a></li>
                  <li><a href="javascript:viewer.invokeCommand('InitialView')"><i class="icon-resize-full icon-white"></i> Initial View</a></li>
                  <li><a href="javascript:viewer.invokeCommand('Geolocate')"><i class="icon-screenshot icon-white"></i> My Location</a></li>
                </ul>
                <ul class="nav pull-right">
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tools <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="javascript:viewer.invokeCommand('Buffer')">Buffer</a></li>
                      <li><a href="javascript:viewer.invokeCommand('Measure')">Measure</a></li>
                      <li><a href="javascript:viewer.invokeCommand('Redline')">Redline</a></li>
                      <li class="divider"></li>
                      <li class="nav-header">Draw</li>
                      <li><a href="javascript:viewer.invokeCommand('DrawFeature', 'POINT')">Point</a></li>
                      <li><a href="javascript:viewer.invokeCommand('DrawFeature', 'LINE')">Line</a></li>
                      <li><a href="javascript:viewer.invokeCommand('DrawFeature', 'POLYGON')">Polygon</a></li>
                    </ul>
                  </li>
                </ul>
                <!--
                <form class="navbar-search pull-right" action="">
                  <input type="text" class="search-query span2" placeholder="Search">
                </form>
                <ul class="nav pull-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Utility <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Item 1</a></li>
                            <li><a href="#">Item 2</a></li>
                            <li><a href="#">Item 3</a></li>
                        </ul>
                    </li>
                </ul>
                -->
              </div><!-- /.nav-collapse -->
            </div><!-- /.container -->
          </div><!-- /navbar-inner -->
        </div><!-- /navbar -->
        <div id="viewer">
        </div>
    </body>
</html>